<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
     <meta name='viewport' content='width=device-width, initial-scale=1.0'>
     <title>逻辑思维判断题</title>
     <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css'>
     <script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js'></script>
</head>
<body>
    <input type="text" placeholder="输入您的工作年限" id="year">
    <input type="text" placeholder="您的薪资" id="money">
    <p></p>
    <button class="update">运行</button> 
    <pre>
        <code style='max-height: 400px;'>
            /**
            * 某个公司要给员工发年终奖，为了鼓励老员工，所以工作时间越长，发的越多，规则如下；
            * 1、工作满0年，发年薪的1倍月薪年终奖，如果月薪大于8000，那么就是发1.2倍
            * 2、工作满一年的，发月薪的1.5倍薪年终奖，如果月薪大于10000，那么就是发1.7倍
            * 3、工作满两年甚至更多，发月薪的三倍薪年终奖，如果月薪大于12000，那么就发3.2倍
            * 编写js程序 当用户输入自己的薪资和年限之后 计算并且输出相应的年终奖
            * */
           
            const yearEle = document.querySelector('#year')
            const moneyEle = document.querySelector('#money')
            const btn = document.querySelector('.update')
            const p = document.querySelector('p')
            let mutilple = 1 // 倍数
  
             // 计算应该获得的年终奖
            function update(){
              let year = Number(yearEle.value)
              let money = Number(moneyEle.value)
              console.log('money',money);
              if (year > 0 && year < 1){
                  money > 8000 ? mutilple = 1.2 : mutilple
              }else if (year >= 1 && year < 2){
                  money > 10000 ? mutilple = 1.7 : mutilple = 1.5
              }else {
                  money > 12000 ? mutilple = 3.2 : mutilple = 3
              }
              const yearMoney = Number(money * mutilple)
              console.log('yearMoney:年终奖为',yearMoney);
              p.innerText = '您的年终奖金额为:' + yearMoney + '元'
            }
  
            btn.addEventListener('click',() => {
              update()
            })            
        </code>
     </pre>
     <script> hljs.highlightAll(); </script>
     <script>
         /**
          * 某个公司要给员工发年终奖，为了鼓励老员工，所以工作时间越长，发的越多，规则如下；
          * 1、工作满0年，发年薪的1倍月薪年终奖，如果月薪大于8000，那么就是发1.2倍
          * 2、工作满一年的，发月薪的1.5倍薪年终奖，如果月薪大于10000，那么就是发1.7倍
          * 3、工作满两年甚至更多，发月薪的三倍薪年终奖，如果月薪大于12000，那么就发3.2倍
          * 编写js程序 当用户输入自己的薪资和年限之后 计算并且输出相应的年终奖
          * */
         
          const yearEle = document.querySelector('#year')
          const moneyEle = document.querySelector('#money')
          const btn = document.querySelector('.update')
          const p = document.querySelector('p')
          let mutilple = 1 // 倍数

           // 计算应该获得的年终奖
          function update(){
            let year = Number(yearEle.value)
            let money = Number(moneyEle.value)
            console.log('money',money);
            if (year > 0 && year < 1){
                money > 8000 ? mutilple = 1.2 : mutilple
            }else if (year >= 1 && year < 2){
                money > 10000 ? mutilple = 1.7 : mutilple = 1.5
            }else {
                money > 12000 ? mutilple = 3.2 : mutilple = 3
            }
            const yearMoney = Number(money * mutilple)
            console.log('yearMoney:年终奖为',yearMoney);
            p.innerText = '您的年终奖金额为:' + yearMoney + '元'
          }

          btn.addEventListener('click',() => {
            update()
          })


          

     </script>
</body>
</html>